body{
	font-size: 14px;
}
.mui-bar{
	background: #4594eb;
}
.mui-title{
	color: #FFFFFF;
}

.flag{
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../img/flag.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: bottom;
	margin-right: 16px;
}
.share{
	width: 44px;
	height: 44px;
	display: inline-block;
	background: url(../img/share.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: bottom;
	margin-right: 16px;
}

.settings{
	width: 44px;
	height: 44px;
	display: inline-block;
	background: url(../img/settings.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: bottom;
	margin-right: 16px;
}

.op-item{
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 10px;
}

.stop,.voice,.buju,.gaoqing,.full{
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto;
}
.stop{
	background: url(../img/stop.png) no-repeat center center;
	background-size: 25px 25px;
}
.voice{
	background: url(../img/voice.png) no-repeat center center;
	background-size: 25px 25px;
}
.buju{
	background: url(../img/buju.png) no-repeat center center;
	background-size: 25px 25px;
}
.gaoqing{
	background: url(../img/gaoqing.png) no-repeat center center;
	background-size: 25px 25px;
}
.full{
	background: url(../img/full.png) no-repeat center center;
	background-size: 25px 25px;
}

.yuntai{
	width: 70px;
	height: 70px;
	background: url(../img/yuntai.png) no-repeat center center;
	background-size: 70px 70px;
}

.jietu{
	width: 70px;
	height: 70px;
	background: url(../img/jietu.png) no-repeat center center;
	background-size: 70px 70px;
}

.luzhi{
	width: 70px;
	height: 70px;
	background: url(../img/luzhi.png) no-repeat center center;
	background-size: 70px 70px;
}

.hanhua{
	width: 70px;
	height: 70px;
	background: url(../img/hanhua.png) no-repeat center center;
	background-size: 70px 70px;
}

.no-shadow{
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    box-shadow: 0 0 1px rgba(0, 0, 0, .0);
}


/*LOGIN PART*/
.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group {
				margin-top: 10px;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			
			.mui-input-group label {
				width: 22%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			
			.spliter {
				color: #bbb;
				padding: 0px 8px;
			}
			
			.oauth-area {
				position: absolute;
				bottom: 20px;
				left: 0px;
				text-align: center;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}
			
			.oauth-area .oauth-btn {
				display: inline-block;
				width: 50px;
				height: 50px;
				background-size: 30px 30px;
				background-position: center center;
				background-repeat: no-repeat;
				margin: 0px 20px;
				/*-webkit-filter: grayscale(100%); */
				border: solid 1px #ddd;
				border-radius: 25px;
			}
			
			.oauth-area .oauth-btn:active {
				border: solid 1px #aaa;
			}
			
			.oauth-area .oauth-btn.disabled {
				background-color: #ddd;
			}